<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>记事本第二版-VUE</title>
		<script src="../../assets/js/base/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<input type="text" v-model="id" />
			<input type="text" v-model="title" />
			<button type="button" @click="add()">添加</button>
			<input type="text" v-model="keyWorld" @keyup="search()" />
			<table border="" cellspacing="" cellpadding="">
				<tr>
					<th>id</th>
					<th>title</th>
					<th>time</th>
					<th>操作</th>
				</tr>
				<tr v-for="item, index in search()" :key="item.id">
					<td>{{item.id}}</td>
					<td>{{item.title}}</td>
					<td>{{item.time | timeFilter}}</td>
					<td>
						<a href="#" @click.prevent="remove(index)">删除</a>
					</td>
				</tr>
			</table>
		</div>
		<script src="../../assets/js/notepad/notepad2.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
